<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <ui:page binding="#{listarPreAprobacionFinal.page1}" id="page1">
            <ui:html binding="#{listarPreAprobacionFinal.html1}" id="html1">
                <ui:head binding="#{listarPreAprobacionFinal.head1}" id="head1">
                    <ui:link binding="#{listarPreAprobacionFinal.link1}" id="link1" url="/resources/stylesheet.css"/>
                </ui:head>
                <ui:body binding="#{listarPreAprobacionFinal.body1}" id="body1" style="-rave-layout: grid">
                    <ui:form binding="#{listarPreAprobacionFinal.form1}" id="form1">
                        <div style="position: absolute; left: 0px; top: 0px">
                            <jsp:include page="encab1.jspf"/>
                        </div>
                        <ui:staticText binding="#{listarPreAprobacionFinal.titulo1}" id="titulo1"
                            style="color: rgb(108, 154, 154); font-family: 'Times New Roman','Times',serif; font-size: 18px; left: 240px; top: 144px; position: absolute" text="Listado Solicitudes para PreAprobar"/>
                        <ui:table binding="#{listarPreAprobacionFinal.table1}" clearSortButton="true" id="table1" lite="true" paginateButton="true"
                            paginationControls="true" sortPanelToggleButton="true"
                            style="font-size: 10px; left: 96px; top: 264px; position: absolute; width: 623px" title="Solicitudes" width="623">
                            <script><![CDATA[
                            /* ----- Functions for Table Preferences Panel ----- */
                            /*
                            * Toggle the table preferences panel open or closed
                            */
                            function togglePreferencesPanel() {
                            var table = document.getElementById("form1:table1");
                            table.toggleTblePreferencesPanel();
                            }
                            /* ----- Functions for Filter Panel ----- */
                            /*
                            * Return true if the filter menu has actually changed,
                            * so the corresponding event should be allowed to continue.
                            */
                            function filterMenuChanged() {
                            var table = document.getElementById("form1:table1");
                            return table.filterMenuChanged();
                            }
                            /*
                            * Toggle the custom filter panel (if any) open or closed.
                            */
                            function toggleFilterPanel() {
                            var table = document.getElementById("form1:table1");
                            return table.toggleTableFilterPanel();
                            }
                            /* ----- Functions for Table Actions ----- */
                            /*
                            * Initialize all rows of the table when the state
                            * of selected rows changes.
                            */
                            function initAllRows() {
                            var table = document.getElementById("form1:table1");
                            table.initAllRows();
                            }
                            /*
                            * Set the selected state for the given row groups
                            * displayed in the table.  This functionality requires
                            * the 'selectId' of the tableColumn to be set.
                            *
                            * @param rowGroupId HTML element id of the tableRowGroup component
                            * @param selected Flag indicating whether components should be selected
                            */
                            function selectGroupRows(rowGroupId, selected) {
                            var table = document.getElementById("form1:table1");
                            table.selectGroupRows(rowGroupId, selected);
                            }
                            /*
                            * Disable all table actions if no rows have been selected.
                            */
                            function disableActions() {
                            // Determine whether any rows are currently selected
                            var table = document.getElementById("form1:table1");
                            var disabled = (table.getAllSelectedRowsCount() > 0) ? false : true;
                            // Set disabled state for top actions
                            document.getElementById("form1:table1:tableActionsTop:deleteTop").setDisabled(disabled);
                            // Set disabled state for bottom actions
                            document.getElementById("form1:table1:tableActionsBottom:deleteBottom").setDisabled(disabled);
                            }]]></script>
                            <ui:tableRowGroup binding="#{listarPreAprobacionFinal.tableRowGroup1}" id="tableRowGroup1" rows="10"
                                sourceData="#{listarPreAprobacionFinal.sct0022DataProvider}" sourceVar="currentRow">
                                <ui:tableColumn binding="#{listarPreAprobacionFinal.tableColumn1}" headerText="No. Solicitud" id="tableColumn1" sort="NMROSLCTUD">
                                    <ui:hyperlink action="#{listarPreAprobacionFinal.hyperlink1_action}" binding="#{listarPreAprobacionFinal.hyperlink1}"
                                        id="hyperlink1" style="font-size: 10px" text="#{currentRow.value['NMROSLCTUD']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{listarPreAprobacionFinal.tableColumn2}" headerText="Producto" id="tableColumn2" sort="CDGOPRDCTO">
                                    <ui:staticText binding="#{listarPreAprobacionFinal.staticText2}" id="staticText2" style="font-size: 10px" text="#{currentRow.value['CDGOPRDCTO']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{listarPreAprobacionFinal.tableColumn3}" headerText="Sublinea" id="tableColumn3" sort="CDGOSBLNEA">
                                    <ui:staticText binding="#{listarPreAprobacionFinal.staticText3}" id="staticText3" style="font-size: 10px" text="#{currentRow.value['CDGOSBLNEA']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn binding="#{listarPreAprobacionFinal.tableColumn4}" headerText="Tipo Solicitud" id="tableColumn4" sort="CDGOTPOSLCTUD">
                                    <ui:staticText binding="#{listarPreAprobacionFinal.staticText4}" id="staticText4" style="font-size: 10px" text="#{currentRow.value['CDGOTPOSLCTUD']}"/>
                                </ui:tableColumn>
                                <ui:tableColumn align="right" binding="#{listarPreAprobacionFinal.tableColumn5}" headerText="Monto" id="tableColumn5" sort="MNTO">
                                    <ui:staticText binding="#{listarPreAprobacionFinal.staticText1}" id="staticText1" style="font-size: 10px" text="#{currentRow.value['MNTO']}"/>
                                </ui:tableColumn>
                            </ui:tableRowGroup>
                            <!-- Actions (Top) -->
                            <f:facet name="actionsTop">
                                <ui:button action="#{listarPreAprobacionFinal.button2_action}" binding="#{listarPreAprobacionFinal.button2}" id="button2"
                                    mini="true" primary="true" text="Refrescar"/>
                            </f:facet>
                        </ui:table>
                        <ui:button action="#{listarPreAprobacionFinal.button1_action}" binding="#{listarPreAprobacionFinal.button1}" id="button1"
                            immediate="true" mini="true" primary="true" style="left: 47px; top: 120px; position: absolute; width: 71px" text="Cerrar"/>
                        <ui:messageGroup binding="#{listarPreAprobacionFinal.messageGroup1}" id="messageGroup1" style="left: 528px; top: 159px; position: absolute"/>
                    </ui:form>
                </ui:body>
            </ui:html>
        </ui:page>
    </f:view>
</jsp:root>
